<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA81V8LKxuElb_JXQdq4Q5bxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQSl9ed7Eadt2RaL-EOnZyqUhBxzA" type="text/javascript"></script>
<script type="text/javascript">
   function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
  // Palo Alto, CA
  map.setCenter(new GLatLng(14.66666, -17.398614), 18);
  map.enableScrollWheelZoom();
  map.addControl(new GLargeMapControl3D());
 
  // Add GHierarchicalMapTypeControl
  map.addMapType(G_PHYSICAL_MAP);
   GEvent.addListener(map, "click", function(overlay, latlng) {
  alert(latlng);
});
  var hControl = new GHierarchicalMapTypeControl();
  hControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
  map.addControl(hControl);
 
  // Add ContextMenuControl to the map
  map.addControl(new ContextMenuControl());
      }
	 
    }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>